@charset "utf-8";
body {
  width: 100%;
  height: 100%;
  font-size: 16px;
  font-family: "微软雅黑 Regular", "Microsoft YaHei";
  color: #333;
  /* background: #fff url(../images/public/headerbg.png) no-repeat top center; 夏天*/
  background: #fff url(../images/public/headerbgxh.png) no-repeat top center; 
}
body,button,dd,div,dl,dt,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,ul{ margin: 0;padding: 0;box-sizing: border-box}
li,ol,ul{ list-style: none}
a{ text-decoration: none;color: #333;transition: all .3s}
img{ border: none;display: inline-block;vertical-align: middle}
.img{ max-width: 100%;height: auto}
button,input{ outline: 0;border: none;font-family: "微软雅黑 Regular","Microsoft YaHei"}
.row{ display: inline-block;width: 100%}
.fl{ float: left}
.fr{ float: right}
.container{ width: 1260px;margin: auto;padding:0 30px;min-width:1260px;}
.bg-white{ background: #fff}
.bg-gray{background: #FAFBFB;}
.text-center{ text-align: center}
.hide{ display: none}
.m-show{ display: none}
.clearfix:after,.clearfix:before{ display: table;line-height: 0;content: ""}
.clearfix:after{ clear: both}
@media (max-width:1260px){
	
}
@media (max-width:991px){
  .container{width: 100%;padding: 0 2%!important; min-width: 100%;}
}
@media screen and (max-width:991px){ body{  background-color: #fff }
 .m-hide{  display: none }
 .m-show{  display: block }
}
.flex{ display: flex;justify-content: space-between;flex-wrap: wrap}
.lt10 .flex{ display: block;text-align: justify;line-height: 0}
.lt10 .flex>a,.lt10 .flex>div,.lt10 .flex>li,.lt10 .flex>span,.lt10 .flex>ul{ display: inline-block;vertical-align: top;line-height: 26px}
.lt10 .flex:after{ content: "";display: inline-block;width: 100%;height: 0;line-height: 0;font-size: 0}